﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="~/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/Content/style.css" />
    <link href="~/assets/css/codemirror.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/assets/css/ace.min.css" />
    <link rel="stylesheet" href="~/font/css/font-awesome.min.css" />
    <link rel="stylesheet" href="~/layui/css/layui.css" />
    <!--[if lte IE 8]>
      <link rel="stylesheet" href="~/assets/css/ace-ie.min.css" />
    <![endif]-->
    <script src="~/Scripts/jquery-1.9.1.min.js"></script>
    <script src="~/layui/layui.js" type="text/javascript"></script>
    <script src="~/assets/js/bootstrap.min.js"></script>
    <script src="~/assets/js/typeahead-bs2.min.js"></script>
    <script src="~/assets/js/jquery.dataTables.min.js"></script>
    <script src="~/assets/js/jquery.dataTables.bootstrap.js"></script>
    <script src="~/assets/layer/layer.js" type="text/javascript"></script>
    <script src="~/assets/laydate/laydate.js" type="text/javascript"></script>
    <title>管理权限</title>
</head>

<body>
    <div class="margin clearfix">
        <div class="border clearfix">
            <span class="l_f">
                <a href="/Home/Competence" id="Competence_add" class="btn btn-warning" title="添加权限"><i class="fa fa-plus"></i> 添加权限</a>
                <a href="javascript:ovid()" class="btn btn-danger"><i class="fa fa-trash"></i> 批量删除</a>
            </span>
            <span class="r_f">共：<b>5</b>类</span>
        </div>
        <div class="compete_list">
            <table class="layui-hide" id="test" lay-filter="demo"></table>
            <script type="text/html" id="barDemo">
                <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
        </div>
    </div>
</body>
</html>
@*<script>
    layui.use('table', function () {
        var table = layui.table;

        table.render({
            elem: '#test'
            , url: '/Role/layuiRole/'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , cols: [[
                { type: 'checkbox' }
                , { field: 'AdminRole', width: 160, align: 'center', title: '权限名称', sort: true }
                , { field: 'Number', width: 100, align: 'center', title: '人数' }
                , { field: 'RoleName', width: 331, align: 'center', title: '用户名称', sort: true }
                , { field: 'RoleContext', width: 331, align: 'center', title: '描述' }
                , { fixed: 'right', width: 195, title: '操作', align: 'center', toolbar: '#barDemo' }
            ]]
            , page: true
            , id: 'testReload'
        });
        //批量删除
        $("#DelRole").click(function () {
            //获取表格复选框的数据集合 checkStatus('testReload');
            var checkStatus = table.checkStatus('testReload');
            var data = checkStatus.data;
            var Name = "";
            //循环拼接用户名称是否为空
            for (var i in data) {
                Name += data[i].RoleName;
            }
            var RoleID = "";
            if (data.length == 0) {
                layer.msg("请选中一行",
                    {
                        icon: 0,
                        time: 2000
                    });
                return;
            }
            for (var i in data) {
                if (i == data.length - 1) {
                    RoleID += data[i].ID;
                }
                else {
                    RoleID += data[i].ID + ",";
                }
            };
            //判断为空则进行批量删除
            if (Name == null) {
                layer.confirm('确认要批量删除吗？', function () {
                    $.ajax({
                        url: "/Role/DelRole?RoleID=" + RoleID,
                        type: "post",
                        success: function (result) {
                            if (result.Success) {
                                layer.msg("批量删除成功", { icon: 1, time: 1000 }, function () {
                                    location.reload();//刷新页面
                                });
                            }
                            else {
                                layer.msg("批量删除失败", { icon: 0, time: 3000 });
                            }
                        }
                    })
                });
            }
            else {
                layer.msg("管理员表中已应用该角色ID不能删除", { icon: 0, time: 3000 });
            }
        });
        //监听工具条
        table.on('tool(demo)', function (obj) {
            var data = obj.data;
            var ID = data.ID;
            if (obj.event === 'del') {
                //判断户名称是否为空则进行删除
                if (data.RoleName == null) {
                    layer.confirm('真的删除行么', function (index) {
                        //删除权限表信息
                        DeleteRole(ID);
                        layer.close(index);
                    });
                }
                else {
                    layer.msg("管理员表中已应用该角色ID不能删除", { icon: 0, time: 3000 });
                }
            } else if (obj.event === 'edit') {
                $(".textarea").val(data.RoleContext);
                $("#AdminRole").val(data.AdminRole);
                $("#ID").val(ID);
                layer.open({
                    type: 1,
                    title: '添加权限',
                    area: ['700px', ''],
                    shadeClose: false,
                    content: $('#add_administrator_style'),
                });
            }
        });
    });
    //删除权限表信息
    function DeleteRole(ID) {
        $.ajax({
            url: "/Role/DeleteRole?ID=" + ID,
            type: "post",
            success: function (result) {
                if (result.Success) {
                    layer.msg("删除成功", { icon: 1, time: 1000 }, function () {
                        location.reload();//刷新页面
                    });
                }
                else {
                    layer.msg("删除失败", { icon: 0, time: 3000 });
                }
            }
        })
    }
    //修改权限信息
    $("#UpdateRole").click(function () {
        var Role = {};
        Role.ID=$("#ID").val();
        Role.AdminRole = $(".textarea").val();
        Role.Context=$("#AdminRole").val();
        $.ajax({
            url: "/Role/UpdateRole",
            type: "post",
            data: Role,
            success: function (result) {
                if (result.Success) {
                    layer.msg("修改成功", { icon: 1, time: 1000 }, function () {
                        location.reload();//刷新页面
                    });
                }
                else {
                    layer.msg("修改失败", { icon: 0, time: 3000 });
                }
            }
        })
    })
</script>*@
<script type="text/javascript">
     //layui数据表格
    layui.use('table', function () {
        var table = layui.table
            , form = layui.form;
        table.render({
            elem: '#test'
            , url: '/Role/GetRoleList'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , cols: [[
                  { type: 'checkbox' }
                , { field: 'Id', width: 70, title: 'ID', sort: true, }
                , { field: 'RoleName', width: 120, title: '权限名' }
                , { field: 'Count', width: 140, title: '数量', sort: true }
                , { field: 'AdminName', width: 180, title: '用户名' }
                , { field: 'Describe', title: '描述', width: '8%', minWidth: 100 } //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                , { fixed: 'right', title: '操作', width: 235, align: 'center', toolbar: '#barDemo' }
            ]]
            , page: true
            , id: 'testReload'
        });

        //监听工具条
        table.on('tool(demo)', function (obj) {
            var data = obj.data;
            var id = data.Id;
            if (obj.event === 'edit') {
                window.location.href = "/Home/UpdateCompetence?id=" + id;
            }
            else if (obj.event == 'del') {
                alert(id)
                $.ajax({
                    url: "/Role/DelRole?id=" + id,
                    type: "post",
                    success: function (result) {
                        if (result.Success) {
                            layer.msg('删除成功', {
                                title: '提示框',
                                icon: 0,
                                time: 2000
                            }, function () {
                                window.location.reload(true);
                            });
                            layer.close(index);
                        }
                        else {
                            layer.msg('删除有误', {
                                title: '提示框',
                                icon: 0,
                                time: 1000
                            });
                        }
                    }
                });
            }
        });
    });
    /*添加权限*/
    /* $('#Competence_add').on('click', function(){
         layer.open({
            type: 1,
            title: '添加权限',
            maxmin: true,
            shadeClose: false,
            area : ['800px' , ''],
            content:$('#Competence_add_style'),
            btn:['提交','取消'],
            yes:function(index,layero){
             var num=0;
             var str="";
         $(".col-sm-9 input[type$='text'],#form_textarea").each(function(n){
              if($(this).val()=="")
              {

                   layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
                    title: '提示框',
                    icon:0,
              });
                num++;
                return false;
              }
             });
              if(num>0){  return false;}
              else{
                  layer.alert('添加成功！',{
                   title: '提示框',
                icon:1,
                  });
                   layer.close(index);
              }
            }
        });
     });*/
    /*权限-删除*/
    function Competence_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', { icon: 1, time: 1000 });
        });
    }
    /*修改权限*/
    function Competence_modify(id) {
        window.location.href = "Competence.html?=" + id;
    };
    /*字数限制*/
    function checkLength(which) {
        var maxChars = 200; //
        if (which.value.length > maxChars) {
            layer.open({
                icon: 2,
                title: '提示框',
                content: '您出入的字数超多限制!',
            });
            // 超过限制的字数了就将 文本框中的内容按规定的字数 截取
            which.value = which.value.substring(0, maxChars);
            return false;
        } else {
            var curr = maxChars - which.value.length; //250 减去 当前输入的
            document.getElementById("sy").innerHTML = curr.toString();
            return true;
        }
    };
    //面包屑返回值
    var index = parent.layer.getFrameIndex(window.name);
    parent.layer.iframeAuto(index);
    $('.Order_form ,#Competence_add').on('click', function () {
        var cname = $(this).attr("title");
        var cnames = parent.$('.Current_page').html();
        var herf = parent.$("#iframe").attr("src");
        parent.$('#parentIframe span').html(cname);
        parent.$('#parentIframe').css("display", "inline-block");
        parent.$('.Current_page').attr("name", herf).css({ "color": "#4c8fbd", "cursor": "pointer" });
        //parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+">" + cnames + "</a>");
        parent.layer.close(index);

    });
</script>